import React from "react";
import { Button } from "antd";
import style from "./style.module.scss";

const NotFound = () => (
  <div className={`${style["page-404"]} h-100`}>
    <div className="wrap h-100">
      <div className={style["lost"]}>
        <img
          className="img"
          src="https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=1352005918,3803731331&fm=26&gp=0.jpg"
          alt="404"
        />
        <p className="text my-15">您访问的页面走失了</p>
        {/* shape => 按钮的形状 */}
        <Button className={style["back"]} href="#/home" shape="round">
          返回首页
        </Button>
      </div>
    </div>
  </div>
);

export default NotFound;
